﻿<!DOCTYPE html>
<html>
<head>
    <title>Categories Page</title>
    <style type="text/css">
        html { background: transparent repeat-x; margin: 0; padding: 0; }
        body { font-family: "Segoe UI", Tahoma, Helvetica, Arial, Sans-Serif; margin: 0; padding: 0; line-height: 150%; background: transparent no-repeat center top; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; color: #434343; }
        
        .container { width: 800px; margin: 0 auto 0 auto; padding: 40px 0 0 0; }
        .header { overflow:auto; }
        
        h1 { font-size: 1.6em; font-weight: normal; }
        h3 { font-size: 1.1em; font-weight: normal; }
        
        a { color: #577fae; }
        a:hover { color: #92a5bc; }
        
    </style>
</head>
<body>
    <div class="container">
	<h1>Categories</h1>
	<ul>
	@foreach (var category in Model.Categories)
	 {
		<li>@category.Name</li>
	 }
	</ul>

	<form action="/category/save" method="post">
		<label for="category.Name">Name:</label> <input type="text" name="category.Name" /> <br />
		<input type="submit" />
	</form>

	@if (Model.Contains("category"))
	 {
		<h2>Just saved: @Model.category.Name</h2>
	 }
</div>
</body>
</html>